@charset "utf-8";
*{margin: 0;padding: 0;}
 li{list-style:none;}
a{text-decoration:none;}
img{vertical-align: top;border: none;}
.clear::after{
	height: 0;
	content: "";
	visibility: hidden;
	clear: both;
	display: block;
}       
.clear{zoom: 1;}
body{
    background-color: #f7f8fc;
}

.register-main{
    width: 100%;
    height: 1015px;
    h3{
        width: 828px;
        height: 108px;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    form{
        position: relative;
        width: 828px;
        height: 830px;
        background-color: white;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        .reg-p{
            text-align: center;
            font-size: 32px;
            height: 60px;
            line-height: 60px;
            margin-top: 45px;
        }
        .reg-p-m{
            font-size: 12px;
            text-align: center;
            margin-bottom: 26px;
            height: 22px;
            color: #c5c5c5;
        }
        .a-ac{
            width: 400px;
            span{
                display:block;
                width: 200px;
                height: 50px;
                background-color: #e4e4e4;
                float: left;
                text-align: center;
                line-height: 50px;
                font-size: 14px;
                color: #838383;
            }
            .ac{
                color: white;
                background-color: #d72020;
            }
        }
        .inputs{
            width: 400px;
            height: 585px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            input{
                width: 378px;
                height: 35px;
                border: 1px solid #dbdbdb;
                outline: none;
                padding-left: 20px;
                line-height: 35px;
                font-size: 12px;
            }
            .btn-input{
                width: 12px;
                height: 12px;
            }
            .ac-t{
                border: none;
                width:400px ;
                display: block;
                line-height: 35px;
                height: 35px;
                background-color: #e4e4e4;
                text-align: center;
                font-size: 12px;
                outline: none;
                color: #999999;
            }
            .t-ac{
                background-color: #d72020;
                color: #dbdbdb;
            }
            div {
                a{
                font-size: 12px;
                color: #d72020;
                }
                input{
                    width: 230px;
                    float: left;
                }
                span{
                    display: block;
                    width: 135px;
                    float: right;
                    background-color: #f7f7f7;
                    height: 35px;
                    border: 1px solid #dbdbdb;
                    text-align: center;
                    line-height: 35px;
                    font-size: 12px;
                    color: #dbdbdb;
                }  
            }
        }
        .dager{
            position: absolute;
            bottom: 20px;
            width: 400px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: rgb(9, 230, 145);
            font-size: 24px;
            display: none;
            font-weight: bold;
        }
        .del{
            display: none;
            color: red;
        }
        
    }

}

@mixin center($px:1000px) {
    margin: {
      left: auto;
      right: auto;
    }
    width: $px;
  }
.foot-bottom{
    @include center(1263px); 
    height: 175px;
    .foot-bot-top{
        height: 14px;
        width: 100%;
        margin-top: 20px;
        text-align: center;
        font-size: 12px;
        &>a{
            display: inline-block;
            height: 14px;
            color: #999999;
            padding:0 5px;
            border-right: 1px solid #999999;
            line-height: 14px;
        }
        .last-a{
            border: none;
        }

    }
    &>p{
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        margin-top: 10px;
        color: #999999;
    }

    .foot-bot-bot{
        width: 1263px;
        height: 40px;
        margin-top: 15px;
        display: flex;
        justify-content: center;
        li{
            width: 108px;
            height: 40px;
            margin-right: 10px;
        }
    }

}